﻿@model TumbaloSoft.Models.ReservaAreaComun
@{
    if (ViewBag.permiso == 2)
    {
        Layout = "~/Views/Shared/_AdministradorEdificiosLayout.cshtml";
    }
    else if (ViewBag.permiso == 3)
    {
        Layout = "~/Views/Shared/_AdministradorGeneralLayout.cshtml";
    }
    else if (ViewBag.permiso == 1)
    {
        Layout = "~/Views/Shared/_PropietarioLayout.cshtml";
    }
    else
    {
        Layout = "~/Views/Shared/_AdministracionLayout.cshtml";
    }
    ViewBag.Title = "Registrar área común";
}


<body id="page5">
<!-- content -->
		<div class="body2">
			<div class="main">
				<section id="content">
					<div class="wrapper">
                        <!--ESTA COLUMNA ES PARA EL MENU DE NAVEGACION DE LA IZQUIERDA QUE HABIA EN LOS MOCKUPS
                            DISCULPEN SI LOS ESTILOS ESTAN MAL NO SE MUCHO CSS-->
                        <article class="col0">
                            <nav class="urbangreymenu">
                                <h3 class="headerbar">Reserva de área común</h3>
                                    <ul id="subMenu">
                                        <li><h5>@Html.ActionLink("Lista de Areas Comunes", "Index")</h5></li>
                                    </ul>
                            </nav>
                        </article>
						<article class="col1">
                            <!--dentro de div pad2 trabajare mi formulario -->
							<div class="pad2">
								<h2 class="pad_bot1 pad_top1">Reservar área común</h2>
									<h3>Reservas Actuales</h3>
                                    <div class="wrapper">
									<br>
									<br>
									<table border="1">
										<tr>
											<th>ID</th>
											<th>Fecha</th>
											<th>Hora Inicio</th>
											<th>Hora Fin</th>
											<th>Cancelar</th>
										</tr>
										@foreach (TumbaloSoft.Models.ReservaAreaComun reserva in ViewBag.listaReservas)
          {
											<tr>
												<td>@reserva.prIdReserva</td>
												<td>@reserva.prFechaReserva.ToShortDateString()</td>
                                                <td>@reserva.prHoraInicio.TimeOfDay</td>
												<td>@reserva.prHoraFin.TimeOfDay</td>
                                                @if (ViewBag.permiso != 1 || ViewBag.listaReservasXProp.Contains(reserva.prIdReserva))
                                                {
												    <td><a href="/reservaAreaComun/Eliminar?idReservaAreaComun=@reserva.prIdReserva">Cancelar</a></td>
                                                }
											</tr>
          }
									</table>
								</div>    
                                   <form id="ContactForm" method="post">
									
                                        @Html.HiddenFor(model => model.prEdificio.prIdEdificio)
										<div  class="wrapper">
											<span><br>Nombre del edificio</span>
											<br>@Html.TextBoxFor(model => model.prEdificio.prNombre, new { @readonly = "readonly" }) 
                                                @Html.ValidationMessageFor(model => model.prEdificio.prNombre, null, new { style = "float: none" }) 
										</div>

										<div  class="wrapper">
                                            <span><br>Código del área común</span>
											<br>@Html.TextBoxFor(model => model.prAreaComun.prIdAreaComun, new { @readonly = "readonly" }) 
                                                @Html.ValidationMessageFor(model => model.prAreaComun, null, new { style = "float: none" })
										</div>
                                       @if (ViewBag.permiso == 1)
                                       {
                                           <input type="hidden" name="prPropietario.prIdPropietario" value="@ViewBag.idPersona" />
                                           
                                            @Html.ValidationMessageFor(model => model.prPropietario, null, new { style = "float: none" })
                                       }
                                       else
                                       {
                                       <div class="wrapper">
											<span><br>Propietario</span>
											<br/><select name="prPropietario.prIdPropietario">
                                               @foreach (TumbaloSoft.Models.Propietario prop in ViewBag.ListaPropietarios)
                                               {
                                                   <option value="@prop.prIdPropietario">@prop.prNombre</option>
                                               }
                                           </select> 
                                                @Html.ValidationMessageFor(model => model.prPropietario.prIdPropietario, null, new { style = "float: none" })
									   </div>

                                       }

                                       <div class="wrapper">
											<span><br>Fecha de reserva</span>
											<br>@Html.TextBoxFor(model => model.prFechaReserva, new { @type = "date", id = "datepicker" }) 
                                                @Html.ValidationMessageFor(model => model.prFechaReserva, null, new { style = "float: none" })
									   </div>
                                        
                                        <div  class="wrapper">
											<span><br>Hora de inicio</span>
											<br>@Html.TextBoxFor(model => model.prHoraInicio, new { @type = "time" }) 
                                                @Html.ValidationMessageFor(model => model.prHoraInicio, null, new { style = "float: none" })
										</div>
                                       
                                        <div  class="wrapper">
											<span><br>Hora de fin</span>
											<br>@Html.TextBoxFor(model => model.prHoraFin, new { @type = "time" }) 
                                                @Html.ValidationMessageFor(model => model.prHoraFin, null, new { style = "float: none" })
										</div>                                           
                                                      
										<span>&nbsp;</span>
                                       			<a href="#" class="button" onClick="document.getElementById('ContactForm').submit()">Registrar</a>
										<a href="#" class="button" onClick="document.getElementById('ContactForm').reset()">Limpiar</a>
										<a href="/ReservaAreaComun" class="button" onClick="document.getElementById('ContactForm').cancel()">Cancelar</a>
								
								</form>
                                </div>
								 
							
						</article>
                        </div>
				
				</section>
			</div>
            </div>
		
<!-- / content -->
		
		<script type="text/javascript"> Cufon.now(); </script>

</body>
